<template>
  <div style="width:100%;height:100%">
    <dv-border-box-13
      :color="['#13148c', '#1b1fff']"
      backgroundColor="rgba(0,0,0,0.1)"
      style="height:39vh"
    >
      <div class="head_tit">当前订单</div>
      <div class="product-left">
        <div class="p-left">生产订单：</div>
        <div class="p-right">
          {{ runorderlist.mocode ? runorderlist.mocode : '' }}
        </div>
      </div>

      <div class="product-left">
        <div class="p-left">产品编码：</div>
        <div class="p-right">
          {{ runorderlist.invcode ? runorderlist.invcode : '' }}
        </div>
      </div>
      <div class="product-left">
        <div class="p-left">产品名称：</div>
        <div class="p-right">
          {{ runorderlist.invname ? runorderlist.invname : '' }}
        </div>
      </div>
      <div class="product-left">
        <div class="p-left">产品代号：</div>
        <div class="p-right">
          {{ runorderlist.invaddcode ? runorderlist.invaddcode : '' }}
        </div>
      </div>
    </dv-border-box-13>
  </div>
</template>

<script>
export default {
  name: 'Num',
  data() {
    return {}
  },
  props: {
    runorderlist: {
      type: Object,
      default: function() {
        return {}
      },
    },
  },
}
</script>

<style lang="less" scoped>
.product-left {
  margin-top: 15px;
  display: flex;
  width: 100%;
  .p-left {
    padding-right: 5px;
    font-size: 15px;
    color: #1edbfc;
    width: 32%;
    text-align: right;
  }
  .p-right {
    font-size: 17px;
    color: #fff;
    width: 68%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
</style>
